<template>
	<!-- 如果要给组件绑定DOM事件，那么组件必须有根标签 -->
	<div>
		<p>AComp</p>
		<!-- 声明接受了props数据，就可以直接使用 -->
		<p>{{ count }}</p>
		<button @click="update">update</button>
	</div>
</template>

<script>
export default {
	name: "AComp",
	props: {
		count: {
			type: Number,
			required: true,
		},
	},
	emits: ["click"],
	setup(props, context) {
		// 在setup中如果想要使用props数据
		console.log(props.count);
		console.log(context); // attrs\emit

		return {
			update: () => {
				context.emit("click");
			},
		};
	},
};
</script>

<style></style>
